p,
ul,
li,
dt,
dd,
dl {
    margin: 0;
    padding: 0;
}
.clickMouth{
    // cursor: pointer;
}
// 标题
.overview-box{
    margin-bottom: 30px;
    .title {
        color: #555555;
        font-weight: 700;
        font-size: 16px;
        padding-left: 10px;
        margin-bottom: 20px;
        border-left: 5px solid #1890ff;
    }
}
@mixin wh($w, $h) {
    width: $w;
    height: $h;
}
@mixin ptl($p, $t, $l) {
    position: $p;
    top: $t;
    left: $l;
}
// 项目资产概括 的按钮颜色
$colors: (
    color1: #409eff,
    color2: #f56c6c,
    color3: #fe9400,
    color4: #19be6b,
    color5: #999999,
    color6: #4082c4,
    color7: #d34d4d,
    color8: #d68f2c,
    color9: #42e493,
    color10: #c0bcbc,
);

@each $key, $color in $colors {
    .#{$key}-text {
        border-radius: 5px;
        padding: 5px;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        border: 1px solid $color;
        color: $color;
        letter-spacing: 1px;
        @if $key == color1 {
            background-color: #f0f7ff;
        } @else if $key == color2 {
            background-color: #fef9f9;
        } @else if $key == color3 {
            background-color: #fff7eb;
        } @else if $key == color4 {
            background-color: #e9f5f0;
        } @else {
            background-color: #f9f9f9;
        }
    }
}

.box-card {
  min-height: 85vh;
}
.details {
  padding: 20px;
  background-color: #f4f4f5;
  min-height: calc(100vh - 84px);
  ::v-deep .details-left .el-card__body {
    padding: 15px 0px 20px 0px;
  }
  .starFocus {
    ::v-deep .el-checkbox-button__inner {
      background: #e7f3ff !important;
      color: #1890ff;
      border: 1px solid #8bc7ff;
    }
  }
  .details-left-box {
    padding: 15px 10px;
    border-bottom: 1px solid rgb(233, 233, 233);
    position: relative;
    .title {
      font-weight: 700;
      color: #333333;
      font-size: 15px;
      margin-bottom: 20px;
    }
    &:last-child {
      border-bottom: none;
    }
    .el-icon-s-tools {
      position: absolute;
      top: -3px;
      right: 15px;
      font-size: 23px;
      color: #1890ff;
    }
  }
  .box-card .el-card{
    border-radius: 10px;
  }
  .details-left-top {
    text-align: center;
    font-size: 12px;
    color: #999999;
    line-height: 20px;
    padding: 20px 0;
    img {
      @include wh(80px, 80px);
      display: block;
      margin: 15px auto;
    }
    .top {
      label {
        font-size: 18px;
      }
      p {
        margin-top: 10px;
        font-size: 14px;
      }
    }

    label {
      font-size: 16px;
      color: #333333;
    }
    .bottom {
      margin-top: 20px;
      .el-col {
        border-right: 1px solid rgb(233, 233, 233);
        &:last-child {
          border-right: none;
        }
      }
    }
  }
  // 项目资产概括
  .btn-box {
    .el-col {
      margin-bottom: 15px;
      &:last-child {
        margin-bottom: 0px;
      }
    }
  }
  // 权责部门
  .status-box {
    li {
      list-style: none;
      padding-left: 40px;
      margin-bottom: 30px;
      color: #666666;
      font-size: 14px;
      position: relative;
      p {
        color: #999;
        font-size: 12px;
        // margin-top: 5px;
      }
      i {
        @include ptl(absolute, 0px, 0px);
        font-size: 30px;
      }
      &:last-child {
        margin-bottom: 0px;
      }
    }
  }
  .details-right {
    background-color: #fff;
  }
  // 分标签
  //.details-right-tabs {
  //  ::v-deep .el-tabs__item {
  //    font-weight: 700;
  //    color: #666666;
  //    font-size: 17px;
  //    padding: 0 30px 0 12px;
  //    &.is-active {
  //      color: #1890ff;
  //      &::after {
  //        background: #1890ff;
  //      }
  //    }
  //    &::after {
  //      content: '';
  //      @include ptl(absolute, 15px, 0px);
  //      @include wh(7px, 7px);
  //      background: rgb(254, 148, 0);
  //      border-radius: 50%;
  //    }
  //  }
  //}

  .details-right-cnt {
    padding: 25px;
  }

  .qzbm {
    li {
      list-style: none;
      padding-left: 40px;
      margin-bottom: 30px;
      color: #666666;
      font-size: 14px;
      position: relative;
      p {
        color: #999;
        font-size: 12px;
         margin-top: 5px;
      }
      i {
        @include ptl(absolute, 0px, 0px);
        font-size: 30px;
      }
      &:last-child {
        margin-bottom: 0px;
      }
    }
  }
}
